import { Card } from "antd";
import React from "react";

/**
 * @description 页面容器
 * @param {} param0 
 * @returns 
 */
function XxpageContainer({
    children,
    defaultStyle = {
        paddingRight: 10,
        width: "100%",
        backgroundColor: "#f5f5f5",
        display: "flex",
        flexDirection: "column",
        minHeight: "100%",

    },
    style = {},
    props
}) {


    return (

        <Card
            bordered={false}
            style={{
                height: "100%"
            }}
            styles={{
                body: {
                    backgroundColor: "#f7f8fa",
                    height: "100%",
                    display: "flex",
                    flexDirection: "column",
                    overflow: 'hidden',
                    ...defaultStyle
                }
            }}
            {...props}
        >
            {children}
        </Card>

    )
}

export default XxpageContainer;